<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/ks.css">
    <link rel="stylesheet" href="fonts/iconfont.css">
</head>

<body>
    <div class="A">
        <header>
            <div class="a1">
                <form action="">
                    <i class="iconfont icon-fangdajing"></i>
                    <input type="text" placeholder="港式烧腊卤肉饭 满21减8">

                </form>
            </div>
            <div class="a2">
                <ul>

                    <li><i class="iconfont icon-share"></i></li>
                    <li>
                        <i class="iconfont icon-linkedin1"></i>
                    </li>

                </ul>
            </div>

        </header>
        <section>
            <div class="b1">
                <ul>
                    <li>
                        <a href="#">
                            <img src="img/001_03.gif" alt="">
                            <p>美食</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="img/001_03.gif" alt="">
                            <p>美食</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="img/001_03.gif" alt="">
                            <p>美食</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="img/001_03.gif" alt="">
                            <p>美食</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="img/001_03.gif" alt="">
                            <p>美食</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="img/001_03.gif" alt="">
                            <p>美食</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="img/001_03.gif" alt="">
                            <p>美食</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="img/001_03.gif" alt="">
                            <p>美食</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="img/001_03.gif" alt="">
                            <p>美食</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="img/001_03.gif" alt="">
                            <p>美食</p>
                        </a>
                    </li>

                </ul>
            </div>
            <div class="b2">
                <div class="top">
                    <ul>
                        <li style="color: #766752;">为你优选</li>
                    </ul>
                    <ol>
                        <li><a href="#">更多<i class="iconfont icon-angle-right"></i></a></li>
                    </ol>
                </div>
                <div class="bottom">
                    <ul>
                        <li>
                            <a href="#">
                                <img src="img/images/002_03.gif" alt="">
                                <p style="color:#242426;">美吉特汉堡披...</p>
                                <span> 汉堡品类优选...</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="img/images/002_03.gif" alt="">
                                <p style="color:#242426;">美吉特汉堡披...</p>
                                <span> 汉堡品类优选...</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="img/images/002_03.gif" alt="">
                                <p style="color:#242426;">美吉特汉堡披...</p>
                                <span>汉堡品类优选...</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="c">
                <a href="#"><img src="img/images/004_03.gif" alt=""></a>
            </div>
            <div class="d">
                <img src="img/images/006_03.gif" alt="">
                <p>青花椒鸡腿堡11.9</p>
                <ul>
                    <li>
                        <a href="#">
                            <img src="img/images/hbb_03.gif" alt="">
                            <h4>青花椒风味麦辣鸡...</h4>
                            <span>￥11.9</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="img/images/hbb_03.gif" alt="">
                            <h4>青花椒风味麦辣鸡...</h4>
                            <span>￥11.9</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="img/images/hbb_03.gif" alt="">
                            <h4>青花椒风味麦辣鸡...</h4>
                            <span>￥11.9</span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="e">
                <div class="to">
                    <ol>
                        <li style="color: #c65652;">神价格</li>
                        <span>这么买更实惠</span>
                    </ol>
                    <ul>
                        <li><a href="#">更多<i class="iconfont icon-angle-right"></i></a></li>
                    </ul>
                </div>
                <div class="bt">
                    <ul>
                        <li>
                            <a href="#"><img src="img/images/gaifan_03.gif" alt="">
                                <p>孜然烤肉拌饭套餐</p>
                                <span>￥14.88</span>
                            </a>

                        </li>
                        <li>
                            <a href="#"><img src="img/images/gaifan_03.gif" alt="">
                                <p>孜然烤肉拌饭套餐</p>
                                <span>￥14.88</span>
                            </a>

                        </li>

                        <li>
                            <a href="#"><img src="img/images/gaifan_03.gif" alt="">
                                <p>孜然烤肉拌饭套餐</p>
                                <span>￥14.88</span>
                            </a>

                        </li>
                    </ul>
                </div>

            </div>
            <div class="f">
                <h2>附近商家</h2>
            </div>
            <div class="g">
                <img src="img/images/0.0.0_03.gif" alt="">
            </div>
        </section>
        <footer>
            <div class="fff">
                <ul>
                    <li>
                        <a href="https://www.baidu.com/"> <i class="iconfont icon-wode"></i>
                            <p>我的</p>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="fff">
                <ul>
                    <li>
                        <a href="https://www.baidu.com/"> <i class="iconfont icon-wode"></i>
                            <p>我的</p>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="fff">
                <ul>
                    <li>
                        <a href="https://www.baidu.com/"> <i class="iconfont icon-wode"></i>
                            <p>我的</p>
                        </a>
                    </li>
                </ul>
            </div>
        </footer>
    </div>
    <script src="libs/flexible.js"></script>
</body>

</html>